<template>
	<view class="">
		<cl-card :show-more="false">
			<cl-search  placeholder="请输入商品名称" :show-search-button="false">
				<cl-button slot="append" type="success" ><text>搜索</text></cl-button>
			</cl-search>
		</cl-card>

		<view class="sear_record">
			<view class="search_rTit">
				<text class="search_pa">历史搜索</text>
				<text class="iconfont icon-lajitong" ></text>
			</view>
			<view class="search_hotBox">
				<text >狗粮</text>
			</view>
		</view>
		<cl-confirm ref="search"></cl-confirm>
	</view>
</template>

<script>
export default {
	data() {
		return {
		
		};
	},
	onLoad() {
		
	},
	methods: {

	}
};
</script>

<style lang="scss">
page {
	background: #fff;
}
/deep/ .cl-card__header {
	height: 0;
}
/deep/ .cl-card {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-shadow: 0 1px 1px rgba(0,0,0,.06);
	border-radius: 0;
}
/deep/ .cl-button.cl-button--success{
	background-color: $color1;
	    border-color: $color1;
}
.sear_record {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 30upx;
	.search_rTit {
		width: 100%;
		height: auto;

		overflow: hidden;
		.search_pa {
			font-size: 30upx;
			color: #333;
			line-height: 80upx;
			font-weight: bold;
		}
		.iconfont {
			font-size: 36upx;
			float: right;
			line-height: 80upx;
			color: #666;
		}
	}
	.search_hotBox {
		width: 100%;
		height: auto;
		overflow: hidden;
		text {
			display: inline-block;
			font-size: 28upx;
			line-height: 56upx;
			background: #eee;
			padding: 0 30upx;
			margin-right: 20upx;
			margin-bottom: 20upx;
			border-radius: 40upx;
		}
	}
}
</style>
